<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--
    form标签是表单标签
        action属性设置提交的服务器地址
        method属性设置提交的方式GET（默认）或POST

    表单提交的时候，数据没有发送给服务器的三种情况
        1.表单项没有name属性值
        2.单选、复选（下拉列表中的option标签）都需要添加value属性，以便发送给服务器
        3.表单项不在提交的form标签中

    GET请求的特点是：
        1.浏览器地址栏中的地址是：action属性[+?+请求参数]
            请求参数的格式：action=login&username=%E9%BB%98%E8%AE%A4%E5%80%BC&password=123
        2.不安全
        3.发送的数据长度有限制

    POST请求的特点是：
        1.浏览器地址栏中只有action属性值
        2.相对于GET请求更加安全
        3.理论上没有数据长度的限制
    -->
    <form action="http://localhost:8080" method="get">
        <h1 align="center">用户注册</h1>
        <input type="hidden" name="action" value="login" />
        <table align="center">
            <tr>
                <td>用户名称：</td>
                <td><input type="text" name="username" value="默认值" /></td>
            </tr>
            <tr>
                <td>用户密码：</td>
                <td><input type="password" name="password" /></td>
            </tr>
            <tr>
                <td>确认密码：</td>
                <td><input type="password" name="password" /></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" value="男" checked="checked">男
                    <input type="radio" name="sex" value="女">女
                </td>
            </tr>
            <tr>
                <td>兴趣爱好：</td>
                <td>
                    <input value="Java" name="hobby" type="checkbox" checked="checked"/>Java
                    <input value="Python" name="hobby" type="checkbox" />Python
                    <input value="Hadoop" name="hobby" type="checkbox" />Hadoop
                    <input value="Hive" name="hobby" type="checkbox" />Hive
                </td>
            </tr>
            <tr>
                <td>国籍：</td>
                <td>
                    <select name="country">
                        <option value="none">----请选择国籍----</option>
                        <option value="韩国">韩国</option>
                        <option value="中国" selected="selected">中国</option>
                        <option value="美国">美国</option>
                        <option value="法国">法国</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>自我评价：</td>
                <td>
                    <textarea name="desc" rows="10px" cols="20px">默认值</textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td><input type="reset" value="重置" /></td>
                <td align="center"><input type="submit" value="提交" /></td>
            </tr>
        </table>
    </form>
</body>
</html>